<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./fonts/font_cukxngno115/iconfont.css">
    <link rel="stylesheet" href="./css/classification.css">
    <link rel="stylesheet" href="./css/init.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
    <link rel="stylesheet" href="./css/homepage.css">
    <link rel="stylesheet" href="./css/demo.css">


</head>

<body>

    <!-- 顶部导航模块 -->
    <section class="xtx_topnav">
        <!-- 版心 -->
        <div class="w">
            <ul class="xtx_nav">
                <li>
                    <a href="#">
                        <i class="people iconfont icon-ren111"></i>demo</a>
                </li>
                <li>
                    <a href="./index1.html">退出登录</a>
                </li>
                <li>
                    <a href="./user-center.html">我的订单</a>
                </li>
                <li>
                    <a href="#">会员中心</a>
                </li>
                <li>
                    <a href="#">帮助中心</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
                <li>
                    <a href="#"><i class="phone iconfont icon-shouji"></i>手机版</a>
                </li>

            </ul>
        </div>
    </section>
    <!-- 头部模块 -->
    <header class="xtx_head">
        <!-- 版心 -->
        <div class="w clearfix">
            <!-- log模块 -->
            <h1 class="xtx_log fl">
                <a href="#">
                    <img src="http://erabbit.itheima.net/img/logo.0940ebb5.png" alt="">
                </a>
            </h1>
            <!-- 分类导航 -->
            <div class="xtx_mainNav fl">
                <ul class="clearfix father_ul">
                    <li class="father_li">
                        <a href="#" class="home">首页</a>
                        <div class="xtx_home_layer"></div>
                    </li>
                    <li class="father_li">
                        <a href="#">居家</a>
                        <div class="xtx_mainNav_layer">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/3102b963e7a3c74b9d2ae90e4380da65.png?quality=95&imageView"
                                            alt="">
                                        <p>茶咖酒具</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/45b50d5f8afbd6fdef97314647dcb7db.png?quality=95&imageView"
                                            alt="">
                                        <p>水具杯壶</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/b42a85ef15f856081ea9f49e5f6893e2.png?quality=95&imageView"
                                            alt="">
                                        <p>宠物食品</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/e766b09029ca00680d1e651b5cdc42bd.png?quality=95&imageView"
                                            alt="">
                                        <p>宠物用品</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="father_li">
                        <a href="#">美食</a>
                        <div class="xtx_mainNav_layer">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/79b904ccd106d3875a90d4430f2e8ad2.png?quality=95&imageView"
                                            alt="">
                                        <p>网易黑猪</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/cc361cf40d4f81c7eccefed1ad18face.png?quality=95&imageView"
                                            alt="">
                                        <p>水产海鲜</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/c11f5457dfb38e76f60100c87ecdf0cd.png?quality=95&imageView"
                                            alt="">
                                        <p>全球美食</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/fe8e9c985d538cc1c1ced011a67ffe69.png?quality=95&imageView"
                                            alt="">
                                        <p>冷冻冷藏</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="father_li">
                        <a href="#">服饰</a>
                        <div class="xtx_mainNav_layer">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/57e4f01648100ec94c7bfee35171fdcb.png?quality=95&imageView"
                                            alt="">
                                        <p>室外拖鞋</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/3f32a302a4cb4afe7d5d89b666566e60.png?quality=95&imageView"
                                            alt="">
                                        <p>春夏潮鞋</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/b9e005aef67f1a93828847b071114296.png?quality=95&imageView"
                                            alt="">
                                        <p>飞织系列</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/cc2470afdf28b9a84639703b592da6f7.png?quality=95&imageView"
                                            alt="">
                                        <p>一脚蹬懒人系列</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="father_li">
                        <a href="#">母婴</a>
                        <div class="xtx_mainNav_layer">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/1f0089afcec911db7202fbcdae57d5f8.png?quality=95&imageView"
                                            alt="">
                                        <p>T恤/polo/衬衫</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/bf9f0a32c2b79c6d29de7d0843888b48.png?quality=95&imageView"
                                            alt="">
                                        <p>卫衣/毛衫</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/8a4be0d65d4a2f3ba36b3af8ee8d9414.png?quality=95&imageView"
                                            alt="">
                                        <p>外套/套装</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/773677cc0922628152a9b3cbd862426f.png?quality=95&imageView"
                                            alt="">
                                        <p>连体衣/礼盒</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="father_li">
                        <a href="#">个护</a>
                        <div class="xtx_mainNav_layer">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/718318c0d3b55d011fcb7c7c843902ce.png?quality=95&imageView"
                                            alt="">
                                        <p>家庭清洁</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/dfb6142de1bd2f59b251eb8f7c7ea2fb.png?quality=95&imageView"
                                            alt="">
                                        <p>浴室用品</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/55d927e337c1f6d394359e99ef72a621.png?quality=95&imageView"
                                            alt="">
                                        <p>餐厨清洁</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/949c5f8b077cf386ff9f1f18bec3408b.png?quality=95&imageView"
                                            alt="">
                                        <p>毛巾浴巾</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="father_li">
                        <a href="#">严选</a>
                        <div class="xtx_mainNav_layer">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/00d79ce9acb7285b15f83c92940b557f.png?quality=95&imageView"
                                            alt="">
                                        <p>卫浴用品</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/b26d34d052d9c780d695bf4b601bfffc.png?quality=95&imageView"
                                            alt="">
                                        <p>高级珠宝</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/7daf27044470881e8839b46a262d958c.png?quality=95&imageView"
                                            alt="">
                                        <p>时尚配搭</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/c01b0f1075158c5a5eb1ff9a33347bb8.png?quality=95&imageView"
                                            alt="">
                                        <p>数码电器</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="father_li">
                        <a href="#">数码</a>
                        <div class="xtx_mainNav_layer">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/f5797ca77cfe413e7753ec69f9bd4bb1.png?quality=95&imageView"
                                            alt="">
                                        <p>影音娱乐</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/da0ac345e98c04594b697b56ebc373a5.png?quality=95&imageView"
                                            alt="">
                                        <p>乐器</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/3f45fbcdac7e8532b6a1570e6d7fe171.png?quality=95&imageView"
                                            alt="">
                                        <p>车载用品</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/801583d2f58274b13dc6a03daed1c3c9.png?quality=95&imageView"
                                            alt="">
                                        <p>办公文具</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="father_li">
                        <a href="#">运动</a>
                        <div class="xtx_mainNav_layer">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/2b1edfa6d05445de684b7df854895c0b.png?quality=95&imageView"
                                            alt="">
                                        <p>登机箱</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/cd44477ca9614ed81ffb58c5cacdab26.png?quality=95&imageView"
                                            alt="">
                                        <p>托运箱</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/141625f78404b8c81e431084a139b836.png?quality=95&imageView"
                                            alt="">
                                        <p>出行配件</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/c6ff77bbb7d0f39622da300f6f5f5442.png?quality=95&imageView"
                                            alt="">
                                        <p>户外运动鞋</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="father_li">
                        <a href="#">杂项</a>
                        <div class="xtx_mainNav_layer">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img src="https://yanxuan.nosdn.127.net/da0ac345e98c04594b697b56ebc373a5.png?quality=95&imageView"
                                            alt="">
                                        <p>乐器杂项</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 搜索 -->
            <div class="xtx_search fr">
                <!-- 搜索框 -->
                <div class="xtx_search_des">
                    <i class="iconfont icon-search"></i>
                    <input type="text" placeholder="搜一搜">
                </div>
                <!-- 购物车 -->
                <a href="./cart.html" class="iconfont icon-a-icon-shopcar">
                    <div class="xtx_car_layer">
                        <div class="list">
                            <!-- <div class="item">
               <a href="">
                  <img src="https://yanxuan-item.nosdn.127.net/fc266553a5b00280ab835e83a660ef14.jpg" alt="">
                  <div class="center">
                    <p class="name ">深船型两带式可外穿软弹拖鞋</p>
                    <p class="attr ">颜色:黄色 尺码:女S（35-36） </p>
                  </div>
                  <div class="right">
                    <p class="price">￥45.00</p>
                    <p class="count">x2</p>
                  </div>
             </a>
                <i class="iconfont icon-cuowu"data-niaa="niaa"></i>
            </div> -->
                        </div>
                        <div class="xtx_foot">
                            <div class="total">
                                <p class="pice">共 3 件商品</p>
                                <p class="money">￥135.00</p>
                            </div>
                            <button class="plain">去购物车结算</button>
                        </div>
                    </div>
                    <i class="em">7</i>
                </a>
            </div>
        </div>
        </div>
        <!-- 隐藏夹层 -->
        <div class="hide_father_layer">
            <!-- <div class="hide_layer">
                <ul>
                    <li>
                        <a href="#">
                            <img src="https://yanxuan.nosdn.127.net/3102b963e7a3c74b9d2ae90e4380da65.png?quality=95&imageView"
                                alt="">
                            <p>茶咖酒具</p>
                        </a>
                    </li>
            </div> -->
        </div>
    </header>
    <!-- 头部隐藏模块 -->
    <div class="xtx_father_hide">
        <!-- <div class="xtx_hide">
            <div class="w">
                <h1 class="xtx_log">
                    <a href="#">
                        <img src="http://erabbit.itheima.net/img/logo.0940ebb5.png" alt="">
                    </a>
                </h1>
                <ul class="hide_nav">
                    <li>
                        <a href="#">首页</a>
                    </li>
                </ul>
            </div>
        </div> -->
    </div>
    <!-- 跳转链接 -->
    <div class="top w ellipsis">
        <a href="./homepage.html">首页></a>
        <a href="secondary.html">个护></a>
    </div>
    <!-- 轮播图 -->
    <div>
        <div class="swiper w">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-15/dfc11bb0-4af5-4e9b-9458-99f615cc685a.jpg"
                        alt="">
                </div>
                <div class="swiper-slide">
                    <img src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-15/1ba86bcc-ae71-42a3-bc3e-37b662f7f07e.jpg"
                        alt="">
                </div>
                <div class="swiper-slide">
                    <img src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-15/6d202d8e-bb47-4f92-9523-f32ab65754f4.jpg"
                        alt="">
                </div>
                <div class="swiper-slide">
                    <img src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-15/e83efb1b-309c-46f7-98a3-f1fefa694338.jpg"
                        alt="">
                </div>
                <div class="swiper-slide">
                    <img src="http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-04-15/4a79180a-1a5a-4042-8a77-4db0b9c800a8.jpg"
                        alt="">
                </div>

            </div>
            <div class="swiper-pagination"></div>
            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
    </div>
    <!-- 全部分类板块 -->
    <div class="sub-list w">
        <h3>全部分类</h3>
        <ul>
            <li>
                <img src="https://yanxuan.nosdn.127.net/718318c0d3b55d011fcb7c7c843902ce.png?quality=95&imageView"
                    alt="">
                <p>家庭清洁</p>
            </li>
            <li>
                <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/dfb6142de1bd2f59b251eb8f7c7ea2fb.png?quality=95&imageView"
                        alt="">
                    <p>浴室用品</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/55d927e337c1f6d394359e99ef72a621.png?quality=95&imageView"
                        alt="">
                    <p>餐厨清洁</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/949c5f8b077cf386ff9f1f18bec3408b.png?quality=95&imageView"
                        alt="">
                    <p>毛巾浴巾</p>
                </a>
            </li>


        </ul>
    </div>
    <!-- 家庭清洁板块 -->
    <div class="ref-goods w">
        <h3>- 家庭清洁 -</h3>
        <span>查看全部 ></span></span>
        <p class="tag">温暖柔软，品质之选</p>
        <ul>
            <li>
                <a href="./secondary.html">
                    <img src="https://yanxuan-item.nosdn.127.net/c520bba8209bae877158e8810d889aca.png" alt="">
                    <p class="name ellipsis"> 分场景使用不污染，超细纤维抹布分类5件套</p>
                    <p class="desc ellipsis">精细分工，洁净家居</p>
                    <p class="price">¥19.90</p>
                </a>
            </li>
            <li>
                <img src="https://yanxuan-item.nosdn.127.net/87b3d721a4d51055d60f347660ec4b78.png" alt="">
                <p class="name ellipsis"> 一擦即白，纳米清洁多用擦4片装</p>
                <p class="desc ellipsis">物理摩擦，轻松去污</p>
                <p class="price">¥9.90</p>
            </li>
            <li><a href="./secondary.html">
                    <img src="https://yanxuan-item.nosdn.127.net/efb82847d85d95d12ece2bca26236ba0.png" alt="">
                    <p class="name ellipsis"> 灰尘毛发静电吸附地板除尘干巾40片/包</p>
                    <p class="desc ellipsis">精细分工，洁净家居</p>
                    <p class="price">¥9.90</p>
                </a>
            </li>
            <li>
                <img src="https://yanxuan-item.nosdn.127.net/d9a2af544df039890d2c53d56a395912.png" alt="">
                <p class="name ellipsis"> 能拎起6瓶大可乐的金属色垃圾袋平口/手提</p>
                <p class="desc ellipsis">精细分工，洁净家居</p>
                <p class="price">¥13.90</p>
            </li>
            <li>
                <img src="	https://yanxuan-item.nosdn.127.net/94798c928dccfea20d5672f4cfb35285.png" alt="">
                <p class="name ellipsis">随用随丢，懒人真爱地板清洁/除菌湿巾</p>
                <p class="desc ellipsis">材质加厚，耐磨珍珠纹</p>
                <p class="price">¥8.90</p>
            </li>


        </ul>
    </div>
    <!--浴室用品  -->
    <div class="ref-goods w">
        <h3>--浴室用品 -</h3>
        <span>查看全部 ></span></span>
        <p class="tag">温暖柔软，品质之选</p>
        <ul>
            <li>
                <img src="https://yanxuan-item.nosdn.127.net/eb46a941dfa337c6d9569385f5fb3c8e.png" alt="">
                <p class="name ellipsis"> 清洁除菌二合一，蓝泡泡马桶清洁剂50g*4</p>
                <p class="desc ellipsis">精细分工，洁净家居</p>
                <p class="price">¥17.80</p>
            </li>
            <li>
                <img src="https://yanxuan-item.nosdn.127.net/55284fa1d8773b8897efa0b2284a8437.png" alt="">
                <p class=" name ellipsis"> ‘嗖’一下就通了日本管道毛发溶解剂</p>
                <p class="desc ellipsis">溶解管道毛发，疏通除味清洁</p>
                <p class="price">¥9.90</p>
            </li>
            <li>
                <img src="https://yanxuan-item.nosdn.127.net/9b07be29bfccefb536f787c2d66bc67f.jpg" alt="">
                <p class="name ellipsis"> 5分钟99%除菌日本卫浴除菌除臭清洁剂380ml/p>
                <p class="desc ellipsis">卫浴除菌消臭，亲肤更健康</p>
                <p class="price">¥19.90</p>
            </li>
            <li>
                <img src="https://yanxuan-item.nosdn.127.net/1626afa0a05d3f10cb5b4b863585ef2b.png" alt="">
                <p class="name ellipsis">净水看得见韩国负离子增压除氯花洒</p>
                <p class="desc ellipsis">三重过滤，增压节水新升级</p>
                <p class="price">¥99.90</p>
            </li>
            <li>
                <img src="https://yanxuan-item.nosdn.127.net/678a25becb4c7b3803b33f9170b2fd7d.jpg" alt="">
                <p class="name ellipsis">洗去一天疲惫越南增压节水柔肤花洒</p>
                <p class="desc ellipsis">高密度纤细水线，稳定水压</p>
                <p class="price">¥79.90</p>
            </li>


        </ul>
    </div>
    <!-- 餐厨清洁 -->
    <div class="ref-goods w">
        <h3>- 餐厨清洁 -</h3>
        <span>查看全部 ></span></span>
        <p class="tag">温暖柔软，品质之选</p>
        <ul>
            <li>
                <a href="./secondary.html">
                    <img src="https://yanxuan-item.nosdn.127.net/2c0a016ffccad85b2465b518961a4c60.png" alt="">
                    <p class="name ellipsis"> 食品接触级，一次性加厚餐用手套100只</p>
                    <p class="desc ellipsis">加厚CPE材质，防滑不破，食品接触用</p>
                    <p class="price">¥12.90</p>
                </a>
            </li>
            <li>
                <img src="https://yanxuan-item.nosdn.127.net/6b02ad3065740730aaf20b4fbddfa769.png" alt="">
                <p class="name ellipsis"> 饭后一张远离老油污，厨房除油污清洁湿巾</p>
                <p class="desc ellipsis">40片/包，高效去油污</p>
                <p class="price">¥9.90</p>
            </li>
            <li>
                <img src="https://yanxuan-item.nosdn.127.net/a263180ad8c46865cf5e7ff9fa57b63f.png" alt="">
                <p class="name ellipsis"> 强效去油不伤手日本橙油除油污泡沫400ml</p>
                <p class="desc ellipsis">强力除油污，萃取橙油精华</p>
                <p class="price">¥59.90</p>
            </li>
            <li>

                <a href="./secondary.html">
                    <img src="https://yanxuan-item.nosdn.127.net/b2a1f9e90f7e7a63227dc22ce52ea579.png" alt="">
                    <p class="name ellipsis">可替换头，蜂窝海绵洗杯刷</p>
                    <p class="desc ellipsis">好洗快干，刷头可更换</p>
                    <p class="price">¥9.90</p>
                </a>
            </li>
            <li>
                <img src="https://yanxuan-item.nosdn.127.net/b38f9ac476ec494235f4aa80fc8e198c.png" alt="">
                <p class="name ellipsis">祛味除腥神器，不锈钢除味皂</p>
                <p class="desc ellipsis">物理除臭，异味分解</p>
                <p class="price">¥9.90</p>
            </li>


        </ul>
    </div>
    <!-- 毛巾浴巾 -->

    <div class="ref-goodsd w">
        <h3>- 毛巾浴巾 -</h3>
        <span>查看全部 ></span></span>
        <p class="tag">温暖柔软，品质之选</p>
        <ul>
            <li>
                <a href="./secondary.html">
                    <img src="https://yanxuan-item.nosdn.127.net/ff9ae0f72ecdd6c15bf2fccab98ea8e8.png" alt="">
                    <p class="name ellipsis"> 【新疆棉】幻想家·新疆长绒棉轻软刺绣毛巾</p>
                    <p class="desc ellipsis">100%新疆长绒棉，无捻毛圈轻软如云</p>
                    <p class="price">¥32.00</p>
                </a>
            </li>
            <li>
                <img src="https://yanxuan-item.nosdn.127.net/a5c5398a7c033edb8a052fe1fddf8a81.png" alt="">
                <p class="name ellipsis"> 厚厚一按就干爽，埃及进口长绒棉毛巾</p>
                <p class="desc ellipsis">厚实大毛圈，干爽瞬吸</p>
                <p class="price">¥19.90</p>
            </li>
            <li><a href="./secondary.html">
                    <img src="https://yanxuan-item.nosdn.127.net/2a16452169f9d2e8841ddef76fdd684a.png" alt="">
                    <p class="name ellipsis"> 【新疆棉】云珍·轻软旅行长绒棉毛巾</p>
                    <p class="desc ellipsis">轻软亲肤，热销50万条</p>
                    <p class="price">¥59.90</p>
                </a>
            </li>
        </ul>
    </div>
    <!-- 底部模块 -->
    <footer class="xtx_footer">
        <div class="xtx_contact">
            <!-- 联系模块 -->
            <div class="w">
                <dl class="clearfix">
                    <dt>客户服务</dt>
                    <dd class="contact_dd fl"><i class="iconfont icon-message-point
                "></i> 在线客服</dd>
                    <dd class="contact_dd fl">
                        <i class="iconfont icon-question-mark-ring">
                        </i>
                        问题反馈
                    </dd>
                </dl>
                <dl class="clearfix">
                    <dt>关于我们</dt>
                    <dd class="contact_dd fl"><i class="iconfont icon-a-wechatline
                "></i> 公众号</dd>
                    <dd class="contact_dd fl">
                        <i class="iconfont icon-xinlangweibo
                        ">
                        </i>
                        微博
                    </dd>
                </dl>
                <dl class="clearfix">
                    <dt>下载APP</dt>
                    <dd class="vxcode fl">
                        <img src="	http://erabbit.itheima.net/img/qrcode.5372a064.jpg" alt="">
                    </dd>
                    <dd class="app_download">
                        <span>扫描二维码</span>
                        <span>立马下载APP</span>
                        <a href="#">下载页面</a>
                    </dd>
                </dl>
                <dl>
                    <dt>服务热线</dt>
                    <dd class="service_phone">
                        400-0000-000
                        <b>周一至周日 8:00-18:00</b>
                    </dd>
                </dl>
            </div>
        </div>
        <!-- 底部其他 -->
        <div class="final_services">
            <div class="w">
                <!-- 口号 -->
                <div class="xtx_slogan">
                    <a href="#">
                        <i class="iconfont icon-dakaidexiangzi"></i>
                        价格亲民
                    </a>
                    <a href="#">
                        <i class="iconfont icon-dianzan"></i>
                        物流快捷
                    </a>
                    <a href="#">
                        <i class="iconfont icon-wuliu"></i>
                        品质新鲜
                    </a>
                </div>
                <!-- 版权 -->
                <div class="xtx_copyright">
                    <p>
                        <a href="#" class="xtx_help">关于我们</a>
                        <a href="#" class="xtx_help">帮助中心</a>
                        <a href="#" class="xtx_help">售后服务</a>
                        <a href="#" class="xtx_help">配送与验收</a>
                        <a href="#" class="xtx_help">商务合作</a>
                        <a href="#" class="xtx_help">搜索推荐</a>
                        <a href="#" class="xtx_help">友情链接</a>
                    </p>
                    <p>CopyRight © 小兔鲜儿</p>
                </div>
            </div>
        </div>
    </footer>

    <script src="./js/swiper-bundle.min.js"></script>
    <script src="./js/homepage.js"></script>
    <script>
        var mySwiper = new Swiper('.swiper', {
            sloop: true, // 循环模式选项
            // 如果需要前进后退按钮
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            }, pagination: {
                el: '.swiper-pagination',
            }, autoplay: {
                delay: 1200, // 停留时间
                disableOnInteraction: false, // 用户操作后是否禁止自动轮播
                pauseOnMouseEnter: true
            },
        })

    </script>
    <script>
        const times = setInterval(function () {

        }, 1000)
        document.querySelector('.swiper').addEventListener('hover', function () {
            setTimeout(times)
        })
    </script>
</body>

</html>